<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <meta name="keywords" content="#">
    <meta name="discription" content="#">
    <meta name="author" content="#">
    <link rel="shrotcut icon" href="logo.ico">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
<header>
    <div class="up"></div>
    <div class="down">
        <div class="container clearfix">
            <a href="index.html" class="logo">
                <img src="img/logo.png" alt="logo.png">
            </a>
            <div><span>风  灵  饰  品</span><span>智  慧  首  选</span></div>
        </div>
    </div>
</header>
<section>
    <div class="register clearfix">
        <div class="left">会员登录</div>
        <div class="right"><a href="#">快速注册</a></div>
        <form action="#" class="clear">
            <input type="text" id="username" name="username" placeholder="用户名">
            <input type="password" id="password" name="password" placeholder="密码">
            <input type="text" id="code" name="code" placeholder="验证码">
            <span class="code">6740</span>
            <div class="clear clearfix">
                <span>自动登录</span>
                <a href="#">忘记密码</a>
                <div>
                    <img src="img/shop_cart_radio_mark.png" alt="shop_cart_radio_mark.png">
                </div>
            </div>
            <input id="login" type="submit" class="reg" value="登录">
        </form>
        <!--合作关系partnership-->
        <div class="partnership">
            <h3>合作网站账号登陆</h3>
            <ul class="clearfix">
                <li>
                    <a href="#">
                        <img src="img/login_icon_1.png" alt="login_icon_1.png">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/login_icon_2.png" alt="login_icon_2.png">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/login_icon_3.png" alt="login_icon_3.png">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/login_icon_4.png" alt="login_icon_4.png">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</section>
<footer>
    <div class="container clearfix">
        <div class="contact clear">
            <img src="img/footer_icon_telephone.png" alt="footer_icon_telephone.png">
            <div>
                <span>400-880-0051</span>
                <span><i>咨询时间</i> 9:00 - 21:00</span>
            </div>
            <a href="#">进店有礼 · 甜蜜不停</a>
        </div>
        <ol class="clearfix">
            <li><a href="#">网站地图</a></li>
            <li><a href="#">友情链接</a></li>
            <li><a href="#">在线投诉</a></li>
            <li>沪ICP备08011593号</li>
            <li>copyright&copy;2002-2018 www.fengling.com 风灵 All Rights Reserved</li>
        </ol>
        <div class="friend">
            <span><i>广东风灵有限公司</i>400 880 0051</span>
            <ul class="clearfix">
                <li><a href="#">团购</a></li>
                <li><a href="#">中国品牌网</a></li>
                <li><a href="#">中国婚博会</a></li>
                <li><a href="#">生日礼物</a></li>
                <li><a href="#">中国女装品牌</a></li>
                <li><a href="#">钻石饰品价格</a></li>
                <li><a href="#">加盟网</a></li>
                <li><a href="#">翡翠</a></li>
                <li><a href="#">返利网</a></li>
            </ul>
        </div>
    </div>
</footer>
</body>
</html>
<script src="js/login.js"></script>